<template>
	<view>
		<view class=""class="addres">
			<view class="addres-img">
			<!-- 背景图 -->
			</view>
			<view class="addres-list">
				<view class="addres-text" @click="goback">
					<text class="words">{{addressd}}</text>
					<image src="../../../static/tab/jiantouxia.png" mode=""></image>
				</view>
				<text class="addres-txt">hello</text>
				<view class="back">
				</view>
			</view>
		</view>
		<view class="plane"><image src="../../../static/tab/jipiao.png" mode="widthFix"></image></view>
	</view>
</template>

<script>
	export default {
		props:{
			addressd:String
		},
		methods:{
			goback(){
				uni.navigateTo({
					url:"../citys/citys"
				})
			}
		},
		computed:{
			
		}
	}
</script>

<style lang="scss">
	.addres{
		
		.addres-img{
			position: relative;
			top: 0;left: 0;
			width: 100%;
			height: 400upx;
			// background-image:url("cloud://wzs123-8gwun5f43bb7aca3.777a-wzs123-8gwun5f43bb7aca3-1303986840/static/a11.webp");
			background-image: linear-gradient(to bottom ,#a2ff86, #79f9ff );
			background-size: cover;
			z-index: -1;
		}
	}
	.addres-text{
		position: absolute;
		top: 150upx;
		left: 100upx;
		display: flex;
		justify-content: center;
		align-items: center;
		image{
			width: 50upx;
			height: 50upx;
		}
		.words{
			color: #ffffff;
			font-size: 60upx;
			padding-right: 20upx;
		}
	}
	.addres-txt{
		position: absolute;
		top: 250upx;
		left: 100upx;
		font-size: 40upx;
		color: #ffffff;
	}
	.plane{
		display: flex;
		justify-content: center;
		margin: 30upx auto;
		image{
			
			width: 95%;
			padding: 0 0upx;
			border-radius: 18upx;
			box-sizing: border-box;
			height: 200upx;
	}
	}
	
</style>
